<!--
 * @Description: 第三十二章（详解Scoped和样式 穿透）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-21 01:25:22
-->
<template>
  <div>
    <h1>第三十二章（详解Scoped和样式 穿透）</h1>
    <div>
      <main>
        <el-input placeholder="测试代码" class="ipt"></el-input>
      </main>
    </div>
  </div>
</template>
<script setup lang="ts"></script>
<style scoped lang="less">
.ipt {
  width: 300px;
  margin: 100px 400px;
  // 无法直接跟在后面，要加:deep()
  // .el-input__inner {
  //   background-color: red;
  // }
}
:deep(.el-input__inner) {
  background-color: red;
}
</style>
